<template>
	<text :class="[type,'tag']">
		{{title}}
	</text>
</template>

<script>
	export default {
		name:"Tag",
		props:{
			title:{
				type:String,
				default:"DJW"
			},
			type:{
				type:String,
				default:"Primary"
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.tag{
	display: inline-block;
	height: 40rpx;
	line-height: 40rpx;
	padding: 0 18rpx;
	border-radius: 20rpx;
}
.Primary{
	color: #9013FE;
	border: 1px solid #9013FE;
}
.success{
	color: #67C23A;
	border: 1px solid #67C23A;
}
.danger{
	color: #F56C6C;
	border: 1px solid #F56C6C;
}
.info{
	color: #909399;
	border: 1px solid #909399;
}
</style>
